<script language="javascript" src="modul/user/ajax.js"></script>
<style type="text/css">
    button {
        margin: 2px; 
        position: relative; 
        padding: 4px 8px 4px 4px; 
        cursor: pointer;   
        list-style: none;
    }
    button span.ui-icon {
        float: left; 
        margin: 0 4px;
    }
    #menu-tombol {
        padding-bottom:10px;
        padding:5px 5px 5px 5px;
    }
    #tombol-tambah{
        float:left;
        width:250px;
    }
    #tombol-cari{
        float:right;
        width:550px;
        text-align:right;
    }
    #tampil_data{
        margin-top:30px;
    }

</style>
<?php
// www.contoh-ta.com
//author : asep setiawan & Team
ini_set('display_errors', 1);
ini_set('error_reporting', E_ERROR);
?>
<div id='dalam_content'>
    <div id="messages"></div>
    <h2>DAFTAR USER</h2>
    <div id='menu-tombol'>
        <div id='tombol-tambah'>
            <button class='ui-state-default ui-corner-all' id='tambah'>
                <span class='ui-icon ui-icon-circle-plus'></span>Tambah
            </button>
        </div>
    </div>
    <div id='tampil_data'></div>
</div>
<div id='form_input'>
    <div id="form_messages"></div>
    <div id="form_input_content">
        <h3>Data User</h3>
        <div>
            <table width='100%'>
                <tr>
                    <td>Username</td>
                    <td width='2%'>:</td>
                    <td><input type='text' name='username' id='username' size='25' maxlength='10' class='input' /></td>
                </tr>
                <tr>
                    <td>Password</td>
                    <td width='2%'>:</td>
                    <td><input type='text' name='password' id='password' size='25' maxlength='25' class='input' /></td>
                </tr>
                
            </table>
        </div>
    </div>
</div>
<div id="dlg_konfirmasi_hapus" title="Konfirmasi">
    <div id="dlg_message"></div>
</div>